// 坐席外部容器标准样式
.wrapper {
  color: $color-text-first;
  font-size: $size-text-d;
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
  background-color: $color-background-white;
  @extend .shadow;
}
.loading-layout{
  font-size: 12px;
  color:#77787b;
  text-align: center;
}
.tab-layout{
  padding: 0 20px;
}
.right-title {
  padding: 14px 0 9px 0;
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e1;
  .title {
    font-size: 18px;
    font-weight: 600;
    color: #2d2d2d;
  }
  .history-work {
    color: #57a0f9;
    font-size: 14px;
    cursor: pointer;
  }
}
.el-tabs--card>.el-tabs__header .el-tabs__item{
  border-radius: 9px 9px 0 0;
  border: 1px solid #E4E7ED!important;
  background: #F1F1F1;
}
.el-tabs--card>.el-tabs__header{
  border: none!important;
  margin: 0
}
.el-tabs--card>.el-tabs__header .el-tabs__nav{
  border: none!important;
}
.el-tabs--card>.el-tabs__header .el-tabs__item:first-child{
  border-left: 1px solid #E4E7ED!important;
}
.el-tabs--card>.el-tabs__header .el-tabs__item.is-active{
  border-bottom: none!important;
  background: #fff;
}
.el-tabs--card>.el-tabs__content{ 
  border-radius: 0px 0px 8px 8px;
  border: 1px solid #E1E1E1;
  background-color: $color-background-white;
  @extend .shadow;
}